<template>
  <!-- 兼职详情 -->
  <view
    class="box"
    @click=";(moreChage = false), (informationNoBubbles = false)"
    @touchstart="handleTouchStart"
    @touchmove="handleTouchMove"
    @touchend="handleTouchEnd"
  >
    <view v-if="!loding">
      <!-- #ifdef MP-WEIXIN -->
      <view
        class="head"
        :style="
          'padding-top:' +
          statusBarHeight1 +
          'px;padding-right:' +
          (WXwidth + 15) +
          'px;height:' +
          (statusBarHeight1 + 44) +
          'px'
        "
      >
        <!-- #endif -->
        <!-- #ifndef MP-WEIXIN -->
        <view
          class="head"
          :style="
            'padding-top:' + (statusBarHeight1 + 10) + 'px;height:' + (statusBarHeight1 + 54) + 'px'
          "
        >
          <!-- #endif -->
          <!-- #ifdef APP-PLUS -->
          <view class="fanhui">
            <image
              @click="fanhui"
              src="https://pic.bangbangtongcheng.com/static/bbzc/recruitmentDetails/black_fanhui.png"
              mode=""
            >
            </image>
            <span>招才详情</span>
          </view>
          <!-- #endif -->
          <!-- #ifndef APP-PLUS -->
          <view class="fanhui">
            <image
              v-if="beforePage != ''"
              @click="fanhui"
              src="https://pic.bangbangtongcheng.com/static/bbzc/recruitmentDetails/black_fanhui.png"
              mode=""
            >
            </image>
            <image
              v-else
              @click="shouye"
              style="width: 54rpx; height: 54rpx"
              src="https://pic.bangbangtongcheng.com/fc915aba003f4504a80d16c7a8c9b348"
            ></image>
            <span>招才详情</span>
          </view>

          <!-- #endif -->
          <view class="head_right" v-if="!index" style="display: none">
            <view class="smkk" @click="doorSeen()">
              {{ smkg_chage ? '上门看过' : '上门看看' }}
            </view>
            <!-- #ifdef APP-PLUS -->
            <image
              @click="fn"
              v-if="!type"
              class="fanx"
              src="https://pic.bangbangtongcheng.com/static/bbzc/recruitmentDetails/zp_09.png"
              mode=""
            >
            </image>
            <!-- #endif -->
            <view class="genduo" @click.stop="moreChage = !moreChage">
              <image
                class="image"
                src="https://pic.bangbangtongcheng.com/static/bbzc/recruitmentDetails/zp_07.png"
                mode=""
              ></image>
              <view class="administrations" v-if="moreChage">
                <text class="items" @click="shield"> 屏蔽 </text>
                <text class="items" style="border-bottom: none" @click="jubao"> 举报 </text>
              </view>
            </view>
          </view>
        </view>
        <!-- #ifdef MP-WEIXIN -->
        <view
          :style="'padding-top:' + statusBarHeight1 + 'px;height: calc(' + (statusBarHeight1 + 44) + 'px + 56rpx)'"
        ></view>
        <!-- #endif -->
        <!-- #ifndef MP-WEIXIN -->
        <view
          :style="'padding-top:' + statusBarHeight1 + 'px;height: calc(' + (statusBarHeight1 + 54) + 'px + 56rpx)'"
        ></view>
        <!-- #endif -->
        <!-- 中间内容 -->
        <view class="center" style="margin-top: 20rpx;">
          <view class="center_top">
            <view class="isViewVisible" :style="{opacity: (Number(isViewVisible) || scrollPosition < 5) ? 1 : 0}">
              <!-- #ifdef MP-WEIXIN -->
              <view
                :style="
                  'padding-top:' + statusBarHeight1 + 'px;height:' + (statusBarHeight1 + 44) + 'px'
                "
              >
              </view>
              <!-- #endif -->
              <!-- #ifndef MP-WEIXIN -->
              <view
                :style="
                  'padding-top:' + statusBarHeight1 + 'px;height:' + (statusBarHeight1 + 54) + 'px'
                "
              >
              </view>
              <!-- #endif -->
              <view class="number">
                <view style="display: flex">
                  <span @click.stop="informationNoBubbles = !informationNoBubbles"
                    >信息编号：{{ data.id }}</span
                  >
                  <view class="informationNoBubble" v-if="informationNoBubbles">
                    <view class="binds_1">
                      信息编号是唯一的信息身份号码，可在帮帮同城进行准确搜索查找。
                    </view>
                    <view class="binds_2"> 联系发布人时可通过信息编号确认信息。 </view>
                  </view>
                  <span style="margin: 0rpx 20rpx; color: #cdcdcf">|</span>
                  <view class="remark" @click="isShowRemark = !isShowRemark">
                    备注信息
                    <img
                      :class="isShowRemark ? 'arrow-right open' : 'arrow-right'"
                      src="https://pic.bangbangtongcheng.com/static/bbzc/arrow-right.png"
                      alt=""
                    />
                  </view>
                </view>

                <view class="icon">
                  <view @click="sc">
                    <image
                      v-if="data.whetherCollection != 0"
                      src="https://pic.bangbangtongcheng.com/static/bbcz/byq-yixihuan.png"
                    />
                    <image
                      v-else
                      src="https://pic.bangbangtongcheng.com/static/bbcz/byq-daixihuan.png"
                    />
                  </view>

                  <view>
                    <image
                      @click="fn"
                      src="https://pic.bangbangtongcheng.com/static/bbzc/recruitmentDetails/black-share.png"
                    >
                    </image>
                  </view>

                  <view class="genduoNew" @click.stop="moreChage = !moreChage">
                    <image
                      src="https://pic.bangbangtongcheng.com/static/bbzc/recruitmentDetails/black-more.png"
                    >
                    </image>
                    <view class="administrations" v-if="moreChage">
                      <text class="items" @click="shield"> 屏蔽 </text>
                      <text class="items" style="border-bottom: none" @click="jubao"> 举报 </text>
                    </view>
                  </view>
                </view>
              </view>
            </view>

            <!-- 备注信息 -->
            <view v-show="isShowRemark" class="mark">
              <view class="history">
                <span style="color: #000">备注您的此信息的了解情况：</span>
                <span class="history-right">
                  <span @click="goToHistory">历史记录：{{ historyCount }}条</span>
                  <img
                    style="width: 28rpx; height: 28rpx"
                    src="https://pic.bangbangtongcheng.com/static/bbzc/arrow-right.png"
                    alt=""
                  />
                </span>
              </view>
              <view class="voice">
				  <!-- #ifndef H5 -->
				  <span class="voice-left" @click="soundClick()">
				    <span>语音记录</span>
				  		<img class="icon voice-icon" src="https://pic.bangbangtongcheng.com/static/bbzc/recruitmentDetailsvoice.png"
				  			alt="">
				  </span>
				  <!-- #endif -->
				  <view class="RecordBF" style="margin-top: 20rpx">
				    <view style="position: relative" v-for="(i, j) in audio" :key="j">
				      <image
				        class="RecordBFImage"
				        @click.stop="RecordBFClose(j)"
				        src="https://pic.bangbangtongcheng.com/static/audioClose.png"
				        mode=""
				      ></image>
				      <recor class="audio" :URL="i.url"></recor>
				    </view>
				  </view>
                <span class="voice-right" @click="saveHistory">保存</span>
              </view>
              <view class="text-record">
                <u-textarea
                  v-model="recordDescription"
                  count
                  :maxlength="200"
                  confirmType="done"
                  ref="textarea"
                  :adjustPosition="false"
                  style="width: 100%;padding: 20rpx 20rpx 50rpx;"
                  border="0"
                  placeholder="文字记录：对此信息情况简单描述"
                  placeholderStyle="color: #ccc; font-size: 24rpx;"
                ></u-textarea>
              </view>
              <view class="media">
                <u-upload
                  :fileList="videoList"
                  name="2"
                  :maxCount="1"
                  accept="video"
                  uploadText="上传视频"
                  previewFullImage
                  class="video-upload"
                  uploadIcon="https://pic.bangbangtongcheng.com/static/bbzc/recruitmentDetailsvideo.png"
                  @afterRead="afterReadVideo"
                  @delete="deletePic(0)"
                  @error="uploadVideoErr"
                >
                </u-upload>

                <view
                  v-if="videoList.length > 0"
                  class="video-btn"
                  @click="videoShow = true"
                ></view>
                <!-- 预览视频 -->
                <u-overlay :show="videoShow" @click="videoShow = false">
                  <view class="warp">
                    <!-- 视频播放器 -->
                    <video
                      v-if="videoList.length > 0"
                      class="video-preview"
                      :src="videoList[0].url"
                      controls
                    ></video>
                  </view>
                </u-overlay>

                <u-upload
                  :fileList="pic1"
                  @afterRead="afterRead1"
                  @delete="deletePic(1)"
                  name="1"
                  :maxCount="1"
                  uploadText="上传图片"
                ></u-upload>
                <u-upload
                  :fileList="pic2"
                  @afterRead="afterRead2"
                  @delete="deletePic(2)"
                  name="1"
                  :maxCount="1"
                  uploadText="上传图片"
                ></u-upload>
                <u-upload
                  :fileList="pic3"
                  @afterRead="afterRead3"
                  @delete="deletePic(3)"
                  name="1"
                  :maxCount="1"
                  uploadText="上传图片"
                ></u-upload>
              </view>
            </view>

            <view class="title">
              {{ data.title }}
            </view>
            <view class="majorFunction">
              <view class="info">
                <view class="left">招聘职位：</view>
                <view class="right">{{ data.positionCategory }}</view>
              </view>
              <view class="info">
                <view class="left">职位福利：</view>
                <view class="right" style="color: red">
                  {{ data.salaryRange.split(',').join('') }}
                  {{ data.settlementMethod }}
                </view>
              </view>
              <view class="benefitLabelNew" v-if="data.fringeBenefits">
                <view class="label" v-for="(i, j) in data.fringeBenefits.split(',')" :key="j"
                  >{{ i }}
                </view>
              </view>
            </view>
            <view class="secondaryFunction">
              <view class="info">
                <view class="infoTop">招聘人数</view>
                <view class="infoBottom" v-if="data.recruitersNumber"
                  >{{ data.recruitersNumber }}人
                </view>
                <view class="infoBottom" v-else>不限</view>
              </view>
              <view class="gap"></view>
              <view class="info">
                <view class="infoTop">性别要求</view>
                <view class="infoBottom">
                  {{
                    data.genderRequirements == 1
                      ? '男'
                      : data.genderRequirements == 2
                      ? '女'
                      : '不限'
                  }}
                </view>
              </view>
              <view class="gap"></view>
              <view class="info">
                <view class="infoTop">要求学历</view>
                <view class="infoBottom">{{ data.educationalRequirements || '不限' }}</view>
              </view>
              <view class="gap"></view>
              <view class="info">
                <view class="infoTop">工作区域</view>
                <view class="infoBottom">{{ data.region }}</view>
              </view>
            </view>

            <view class="need">
              <view class="need_label">
                <span class="view">工作周期：</span>
                {{ data.workCycle }}
              </view>
              <view class="need_label" v-if="data.workingHours">
                <view class="view">工作时段：</view>
                <view v-if="data.workingHours == '不限'">不限</view>
                <view v-else>
                  <view
                    style="margin-left: 0rpx"
                    v-for="(item, index) in data.workingHours.split('|')"
                    :key="index"
                  >
                    <text v-show="data.workingHours.split('|').length > 1" class="index-part" style="margin-right: 5px">{{ index + 1 }}.</text>
                    <text class="index-part">
                      {{ item.split(',').join('-') }}
                    </text>
                  </view>
                </view>
              </view>
              <view class="need_label" v-if="data.employmentDate">
                <span class="view">用工日期：</span>

                <span v-if="data.employmentDate == '不限'">不限</span>
                <span v-else>
                  <span v-for="(employmentDateItem, index) in data.employmentDate.split('|')">
                    <view style="margin-right: 10px">
                      <!-- <text class="index-part" style="margin-right: 5px">{{ index + 1 }}.</text> -->
                      {{
                        employmentDateItem.split(',')[0].split('-')[0] +
                        '年' +
                        employmentDateItem.split(',')[0].split('-')[1] +
                        '月' +
                        employmentDateItem.split(',')[0].split('-')[2] +
                        '日'
                      }}
                      -
                      {{
                        employmentDateItem.split(',')[1].split('-')[0] +
                        '年' +
                        employmentDateItem.split(',')[1].split('-')[1] +
                        '月' +
                        employmentDateItem.split(',')[1].split('-')[2] +
                        '日'
                      }}
                    </view>
                  </span>
                </span>
              </view>
            </view>
          </view>
          <view class="JobDescription">
            <view class="title">
              <image
                style="width: 8rpx; height: 32rpx; margin-right: 10rpx"
                src="https://pic.bangbangtongcheng.com/static/bbzc/recruitmentDetails/juxing.png"
              >
              </image>
              <span>职位描述</span>
            </view>
            <view v-if="data.jobDescription" class="detailed">
              <u-read-more
                ref="uReadMore"
                class="text"
                :toggle="true"
                showHeight="100" 
                textIndent="0"
              >
                <rich-text style="color: #333;" :nodes="data.jobDescription ? data.jobDescription.replace(/\n/g, '<br>') :'-'"></rich-text>
                <!--<u-parse :key="setMoreKey" :content="data.jobDescription ? data.jobDescription.replace(/\n/g, '<br>') : '-'"></u-parse>-->
              </u-read-more>
              <!-- 			<mote-lines-divide :dt="data.jobDescription" :line="10" expandText="展开" foldHint="收起" width="670rpx"
								expandTextWidth="120rpx" /> -->
              <!-- {{data.jobDescription}} -->
            </view>
          </view>

          <view class="center_bottom">
            <view class="Map">
              <view class="title">
                <image
                  style="width: 8rpx; height: 32rpx; margin-right: 10rpx"
                  src="https://pic.bangbangtongcheng.com/static/bbzc/recruitmentDetails/juxing.png"
                >
                </image>
                <span>工作地址</span>
              </view>
              <view class="maps">
                <image
                  style="width: 100%; height: 100%"
                  :src="
                    'https://apis.map.qq.com/ws/staticmap/v2/?zoom=11&scale=2&key=HUZBZ-ZQX6X-ZBO4M-TKCO5-7Q6ZZ-Z7FUL&size=345*160&center=' +
                    (data.latitude + ',' + data.longitude) +
                    '&markers=size:tiny|icon:https://pic.bangbangtongcheng.com/mapicon.png|' +
                    (data.latitude + ',' + data.longitude)
                  "
                  mode="widthFix"
                ></image>
                <view class="workAddress">
                  <view>
                    {{ data.workLocation }}
                  </view>
                  <view class="toOpenMap" @click="openMap"> 去导航 </view>
                </view>
              </view>
            </view>

            <view class="corporation">
              <template
                v-if="
                  data.userInformationDto.enterpriseRecruitmentStatus == 1 && data.enterpriseName
                "
              >
                <view class="briefIntroduction" @click="companyDetails">
                  <view class="title">
                    <image
                      style="width: 8rpx; height: 32rpx; margin-right: 10rpx"
                      src="https://pic.bangbangtongcheng.com/static/bbzc/recruitmentDetails/juxing.png"
                    >
                    </image>
                    <span>公司介绍</span>
                  </view>
                  <view style="display: flex; align-items: center">
                    <span style="font-size: 28rpx; color: #666666; padding-bottom: 6rpx"
                      >公司详情</span
                    >
                    <image
                      class="image"
                      style="width: 28rpx; height: 28rpx"
                      src="https://pic.bangbangtongcheng.com/static/bbzc/recruitmentDetails/grey-right.png"
                      mode=""
                    >
                    </image>
                  </view>
                </view>
                <view class="corporation_center">
                  <view class="title">
                    {{ data.enterpriseName }}
                  </view>
                  <view class="content">
                    {{ data.companyProfile || '' }}
                  </view>
                  <view class="environment" v-if="data.introductionPicture">
                    <view
                      style="position: relative"
                      v-for="(i, j) in introductionPictureCurrenShow"
                    >
                      <image
                        class="image"
                        @click="HJViewImage(i)"
                        :key="j"
                        :src="i"
                        mode="aspectFill"
                      ></image>
                      <view class="more" v-if="j == 2 && introductionPictureMore">
                        {{ '+' + introductionPictureMore }}
                      </view>
                    </view>
                  </view>
                </view>
              </template>
              <view class="personalCard" @click="userfy(data.userInformationDto)">
                <view class="lookOver"> 查看TA的招聘 </view>
                <view class="personalCard_center">
                  <view class="left">
                    <view class="headSculpture">
                      <image
                        class="image"
                        v-if="data.userInformationDto.image"
                        :src="data.userInformationDto.image"
                        mode=""
                      ></image>
                      <image
                        class="image"
                        v-else
                        src="https://pic.bangbangtongcheng.com/static/my/header.png"
                        mode=""
                      >
                      </image>
                      <view class="name">
                        <!-- {{data.userInformationDto.isShop == 1?'商家':(data.userInformationDto.isAgent == 1?'经纪人':(data.userInformationDto.enterpriseRecruitmentStatus == 1?'公司':'个人'))}} -->
                        <!-- 个人、未认证 -->
                        <div
                          class="personal-label"
                          v-if="userIdentityType === 'PERSONAL' || !userIdentityType"
                        >
                          <!-- <image src="https://pic.bangbangtongcheng.com/static/my/tag1.png" mode="" /> -->
                          <text>个人</text>
                        </div>
                        <!-- 其他身份 -->
                        <div v-else>
                          <view v-if="data.userInformationDto.phone" class="shop-label">
                            <text v-if="userIdentityType === 'HOUSE_BUILDING'">楼盘</text>
                            <text v-if="userIdentityType === 'HOUSE_REAL_ESTATE_SHOP'"
                              >房产商家</text
                            >
                            <text v-if="userIdentityType === 'HOUSE_BROKER'">房产经纪人</text>
                            <text v-if="userIdentityType === 'CAR_DEALERSHIP_SHOP'">4S店</text>
                            <text v-if="userIdentityType === 'CAR_AUTO_TRADING_SHOP'">汽贸店</text>
                            <text v-if="userIdentityType === 'CAR_AUTO_REPAIR_SHOP'">维修保养</text>
                            <text v-if="userIdentityType === 'CAR_BEAUTY_DECORATION_SHOP'"
                              >美容装饰</text
                            >
                            <text v-if="userIdentityType === 'CAR_BROKER_CAR_SALES_CONSULTANT'"
                              >汽车销售顾问</text
                            >
                            <text v-if="userIdentityType === 'RECRUITMENT_COMPANY'">招聘企业</text>
                          </view>
                        </div>
                      </view>
                    </view>
                    <view class="information">
                      <view class="name">
                        {{ data.userInformationDto.nikeName || '未命名用户' }}
                      </view>
                      <span
                        class="vip-label"
                        :style="{
                          backgroundColor:
                            $member.colors()[data.userInformationDto.memberLevel - 1].bgColor,
                          borderColor:
                            $member.colors()[data.userInformationDto.memberLevel - 1].lineColor,
                          color:
                            $member.colors()[data.userInformationDto.memberLevel - 1].wordColor,
                        }"
                      >
                        {{ $member.colors()[data.userInformationDto.memberLevel - 1].level }}
                      </span>
                      <view class="userGradeNew">
                        <span>用户评星：</span>
                        <view class="userGradeLabel">
                          <view class="star-vip">
                            <uni-rate
                              style="margin: 0rpx"
                              disabled
                              :value="data.userInformationDto.score"
                              size="17"
                              margin="-1"
                              color="#EBEBED"
                              active-color="#FFCD00"
                              disabledColor="#FFCD00"
                            />
                          </view>
                        </view>
                      </view>
                    </view>
                  </view>
                </view>
              </view>
              <view class="disclaimer">
                {{ disclaimers }}
              </view>
            </view>
          </view>
        </view>

        <!-- 底部 -->
        <view class="feahd_bottom">
          <!-- 投递简历 -->
          <!-- 					<view class="sendResume" v-if="userInfo.id != data.userInformationDto.id" @click="deliver()">
							投递简历
						</view> -->
          <view
            class="sendResume"
            v-if="userInfo.id != data.userInformationDto.id"
            :style="deliveryNumber >= 2 ? 'opacity: 0.5' : ''"
            @click="deliver()"
          >
            <image
              class="img"
              src="https://pic.bangbangtongcheng.com/static/bbzc/recruitmentDetails/toudi.png"
            ></image>
            投递简历
          </view>
          <view class="sendResumes" v-else></view>
          <view class="collect" @click="chat()">
            <image
              class="img"
              src="https://pic.bangbangtongcheng.com/static/bbzc/recruitmentDetails/chat.png"
            />
            <span>聊一聊</span>
          </view>
          <!-- #ifdef APP-PLUS -->
          <view
            class="collect"
            @click="onphoneBefore()"
            style="background: #e7f5f4; border: 2rpx solid #0fa291; color: #0fa291"
          >
            <image
              class="img"
              src="https://pic.bangbangtongcheng.com/static/bbzc/recruitmentDetails/dianhuahover.png"
            />
            <span>拨打电话</span>
          </view>
          <!-- #endif -->
          <!-- #ifndef APP-PLUS -->
          <view
            class="collect"
            @click="onphoneBefore()"
            style="background: #e7f5f4; border: 2rpx solid #0fa291; color: #0fa291"
          >
            <image
              class="img"
              src="https://pic.bangbangtongcheng.com/static/bbzc/recruitmentDetails/dianhuahover.png"
            />
            <span>拨打电话</span>
          </view>
          <!-- #endif -->
          <view class="feahd_right">
            <view class="weigui" v-if="weig" @click="weigui">
              <image class="img" src="https://pic.bangbangtongcheng.com/static/weigui.png" />
              <p>
                该用户有<text style="color: red">{{ Count }}</text
                >条违规信息！
              </p>
            </view>
          </view>
        </view>
        <informationNo ref="informationNo"></informationNo>
        <uniBall></uniBall>
      </view>
      <dLoading v-if="loding"></dLoading>
      <uni-popup ref="bindMarkCall" mode="center">
        <view class="bindMarkCallBindsFrame">
          <image
            src="https://pic.bangbangtongcheng.com/static/bbzc/recruitmentDetails/jianzhi-xiangqing-pop1.png"
            v-if="userMarkCallStatus == 3 || userMarkCallStatus == 0"
            class="phoneLogo"
          ></image>
          <image
            src="https://pic.bangbangtongcheng.com/static/bbzc/recruitmentDetails/jianzhi-xiangqing-pop2.png"
            class="phoneLogo"
            v-if="userMarkCallStatus == 1 || userMarkCallStatus == 2"
          ></image>
          <image
            src="https://pic.bangbangtongcheng.com/static/bbzc/recruitmentDetails/closeIcon.png"
            class="closeIcon"
            @click="$refs.bindMarkCall.close()"
          ></image>
          <view
            class="phoneItem"
            v-for="(i, j) in formattedContactNumbers"
            :key="j"
            :style="
              userMarkCallStatus != 3
                ? 'justify-content: space-between;'
                : 'justify-content: center;'
            "
          >
            <view style="display: flex; align-items: center">
              <image
                src="https://pic.bangbangtongcheng.com/static/bbzc/recruitmentDetails/markCall.png"
              >
              </image>
              <span class="phoneNumber">{{ i.replace(/(\d{3})-?\d{4}(\d{4})/, '$1****$2') }}</span>
            </view>
            <view>
              <span class="onphone" @click="onphone(i)" v-if="userMarkCallStatus != 3"
                >点击拨打</span
              >
            </view>
          </view>

          <view class="tip">
            <span
              v-if="userMarkCallStatus == 1 || userMarkCallStatus == 2 || userMarkCallStatus == 0"
              >请说明您是在“帮帮同城”看到的，谢谢！</span
            >
            <span v-if="userMarkCallStatus == 3 || userMarkCallStatus == 0" style="color: #666666"
              >发布者要求投递简历，才能拨打电话</span
            >
          </view>

          <view>
            <view
              v-if="userMarkCallStatus == 3 || userMarkCallStatus == 2"
              style="height: 2rpx; background: #ebebed; margin: 30rpx 0rpx"
            ></view>
            <view v-if="userMarkCallStatus == 2" class="bottomTip">
              发布者要求：拨打电话同时投递简历
            </view>
            <view class="bottomBut" v-if="userMarkCallStatus == 3">
              <p class="p1">填写简版简历</p>
              <p class="p2" @click="submitResume">去填写</p>
            </view>
          </view>
        </view>
      </uni-popup>
      <uni-popup ref="bindNoOperate" mode="center">
        <view class="binds_frame">
          <view class="binds_frame_t"></view>
          <!-- <view class="binds_frame_c">你现在是招聘企业/房产商家/楼盘/汽车商家/房产经纪人/汽车销售顾问身份，不可操作哦~</view> -->
          <view class="binds_frame_c"
            >你现在是
            <text v-if="userIdentityTypeCurUser === 'HOUSE_BUILDING'">楼盘</text>
            <text v-if="userIdentityTypeCurUser === 'HOUSE_REAL_ESTATE_SHOP'">房产商家</text>
            <text v-if="userIdentityTypeCurUser === 'HOUSE_BROKER'">房产经纪人</text>
            <text v-if="userIdentityTypeCurUser === 'CAR_DEALERSHIP_SHOP'">汽车商家</text>
            <text v-if="userIdentityTypeCurUser === 'CAR_AUTO_TRADING_SHOP'">汽车商家</text>
            <text v-if="userIdentityTypeCurUser === 'CAR_AUTO_REPAIR_SHOP'">汽车商家</text>
            <text v-if="userIdentityTypeCurUser === 'CAR_BEAUTY_DECORATION_SHOP'">汽车商家</text>
            <text v-if="userIdentityTypeCurUser === 'CAR_BROKER_CAR_SALES_CONSULTANT'"
              >汽车销售顾问</text
            >
            <text v-if="userIdentityTypeCurUser === 'RECRUITMENT_COMPANY'">招聘企业</text>
            身份，不可操作哦~
          </view>

          <view class="binds_frame_b">
            <view class="cancel" @click="$refs.bindNoOperate.close()">好的</view>
          </view>
        </view>
      </uni-popup>
	  <uni-popup ref="binds" type="bottom" :safeArea="false">
	    <nb-voice-record
	      @startRecord="start"
	      :recordOptions="duration"
	      @endRecord="end"
	      @cancelRecord="cancel"
	    ></nb-voice-record>
	  </uni-popup>
    </view>
  </view>
</template>
<script>
  import recor from '@/components/recorPlayback/recor.vue'
  import permision from '@/js_sdk/wa-permission/permission.js'
  import MoteLinesDivide from '@/components/mote-lines-divide/mote-lines-divide'
  //#ifdef H5
  import wxshare from '../../utils/index.js'
  //#endif
  import { mapGetters } from 'vuex';
  export default {
    data() {
      return {
        userMarkCallStatus: 1, //1、有简历且发布者未开启拨打电话同时投递简历；2、有简历且发布者开启拨打电话同时投递简历；3、未投递简历
        userInfo: uni.getStorageSync('Pduser'),
        beforePage: '',
        moreChage: false,
        WXwidth: '',
        disclaimers: '',
        controls: [],
        // 测试数据
        score: '3',
        markers: [],
        deliveryNumber: 0,
        data: {},
        id: '',
        loding: true,
        indexss: 1,
        llindex: 1,
        informationNoBubbles: false,
        weig: false,
        Count: '',
        smkg_chage: false,
        index: '',
        type: '',
        startY: 0, // 开始触摸的Y坐标
        moveTimeout: null,
        isViewVisible: true, // 控制目标view的显示状态
        userResumeDetails: 0, // 0没有简历，1有简历
        userResumeDetailData: null, // 用户的简历信息
        userIdentityType: null,
        userIdentityTypeCurUser: null,
        recordDescription: '', // 描述
        languageDescription:'',
        audio:[],
        duration: { duration: 30000 },
        textRecord: '', //文字记录
        shadowStyle: {
          textIndent: 0,
          color: '#000',
        },
        videoList: [], //上传视频
        pic1: [], // 图片1
        pic2: [], // 图片2
        pic3: [], // 图片3
        historyCount: 0, // 历史记录
        videoShow: false,
        selectBoxShow: false, // 状态修改下拉
        isShowRemark: false, // 是否展开备注信息
        scrollPosition:'',
		duration: { duration: 30000 },
      }
    },
    components: {
      recor: recor,
    },
    onPageScroll(e) {
      this.scrollPosition = e.scrollTop;
      uni.hideKeyboard();
      // iOS 复位:ml-citation{ref="3,10" data="citationList"}
      // uni.pageScrollTo({ scrollTop: this.scrollPosition, duration: 0 });
    },
    onLoad(options) {
      var than = this
      // 获取微信小程序胶囊和据右边宽度
      // #ifdef MP-WEIXIN
      // 获取胶囊信息
      let menuButtonInfo = uni.getMenuButtonBoundingClientRect()
      let getWindowInfo = uni.getWindowInfo().screenWidth
      this.WXwidth = getWindowInfo - (menuButtonInfo.right - menuButtonInfo.width)
      // #endif
      this.id = options.id
      if (options.index) {
        this.index = options.index
      }
      if (options.type) {
        this.type = options.type
      }
      this.Disclaimers()
      /* #ifdef H5 */
      this.jinzhi()
      /* #endif */
      var pages = getCurrentPages() //当前页
      this.beforePage = pages.length >= 2 //上个页面
      this.getAuthenticationCurUser()
      this.getHistory()
      // this.getUserResumeDetails();
    },
    onShow() {
      let than = this
      this.getData(true)
      this.getUserResumeDetails()
      // this.doorSeenLsjl()
      this.userInfo = uni.getStorageSync('Pduser')
      // this.init()
      setTimeout(function () {
        than.weig = false
      }, 6000)
    },
    methods: {
      // 发布上门看过信息
      async saveHistory() {
        if (!this.showLogin()) {
          return
        }
        let audio = []
        this.audio.forEach((v) => {
          audio.push(v.url)
        })
        console.log('his.audio', this.audio)
        const recordVideo = this.videoList.length > 0 ? this.videoList[0].url : ''
        const pic1 = this.pic1.length > 0 ? this.pic1[0].url : ''
        const pic2 = this.pic2.length > 0 ? this.pic2[0].url : ''
        const pic3 = this.pic3.length > 0 ? this.pic3[0].url : ''
        let recordPicture = ''
        if (pic1) {
          recordPicture += `${pic1},`
        }
        if (pic2) {
          recordPicture += `${pic2},`
        }
        if (pic3) {
          recordPicture += `${pic3}`
        }
        const params = {
          // id: this.id, // 招聘id
          noteTaker: this.userInfo.id, // 记录人
          visitType: '1', //类型（1：招聘，2：简历）
          relatedBusiness: this.id, // 关联业务id
		      languageDescription: audio.length == 0 ? '' : audio.join('|'),
          recordDescription: this.recordDescription, //备注
          recordPicture, // 图片
          recordVideo, //视频
        }
        if (!this.recordDescription) {
          uni.showToast({
            title: '请输入文字记录',
            icon: 'none',
          })
          return
        }
        const res = await this.$myRequest.post(
          '/api/mobile/personnelOwner/increaseVisitedLook',
          params
        )
        if (res.code === 200) {
          uni.showToast({
            title: '保存成功',
            icon: 'none',
            mask: true,
          })
          // 关闭备注信息
          this.isShowRemark = false
          // 清空备注表单
          this.recordDescription = ''
          this.videoList = []
          this.pic1 = []
          this.pic2 = []
          this.pic3 = []
          this.audio = []
          // 刷新历史记录
          this.getHistory()
        }
      },
	  
      // 历史记录
      async getHistory() {
        this.recordDescription = ''
        const historyListParams = {
          userId: this.userInfo.id,
          relatedBusiness: this.id,
          visitType: '1', //类型(1: 招聘,2: 简历)
          pageNo: 1,
          pageSize: 99999,
        }
        const historyListRes = await this.$myRequest.get(
          '/api/mobile/personnelOwner/getVisitedLookHistoryByUserId',
          historyListParams
        )
        if (historyListRes.code === 200) {
          if (JSON.stringify(historyListRes.visitedHistory) !== '{}') {
            this.historyCount = historyListRes.visitedHistory.pageCount
            console.log('historyCount', this.historyCount)
          }
        }
      },
      // 历史记录
      goToHistory() {
        uni.navigateTo({
          url: `/pages_owner/my/doorLsjl?id=${this.id}&index=${3}&visitType=1`,
        })
      },
      async init() {
        // 不回显历史记录到输入框
        // 获取上门看过历史记录
        const historyParams = {
          userId: this.userInfo.id,
          relatedBusiness: this.id,
          visitType: '1', //类型(1: 招聘,2: 简历)
        }
        const historyRes = await this.$myRequest.get(
          '/api/mobile/personnelOwner/queryVisitedHistory',
          historyParams
        )
        // if (historyRes.code === 200) {
        //   if (JSON.stringify(historyRes.visitedHistory) !== '{}') {
        //     const picList = historyRes.visitedHistory.recordPicture.split(',')
        //     if (picList[0])
        //       this.pic1 = [
        //         {
        //           url: picList[0],
        //         },
        //       ]
        //     if (picList[1])
        //       this.pic2 = [
        //         {
        //           url: picList[1],
        //         },
        //       ]
        //     if (picList[2])
        //       this.pic3 = [
        //         {
        //           url: picList[2],
        //         },
        //       ]
        //     if (historyRes.visitedHistory.recordVideo)
        //       this.videoList = [
        //         {
        //           url: historyRes.visitedHistory.recordVideo,
        //         },
        //       ]
        //   }
        // }

        // 上门看过信息列表

        // 上门看过信息列表
        const historyListParams = {
          userId: this.userInfo.id,
          relatedBusiness: this.id,
          visitType: '1', //类型(1: 招聘,2: 简历)
        }
        const historyListRes = await this.$myRequest.get(
          '/api/mobile/personnelOwner/getMyVisitedLookHistoryList',
          historyListParams
        )
        if (historyListRes.code === 200) {
          if (JSON.stringify(historyRes.visitedHistory) !== '{}') {
            // this.historyCount = historyListRes.visitedHistory.pageCount
          }
        }
      },
      // 删除图片1
      deletePic(index) {
        if (index == 0) {
          this.videoList = []
        } else {
          this[`pic${index}`] = []
        }
      },
      uploadVideoErr(err){
        if (err.errMsg.includes('fail DEMUXER_ERROR_NO_SUPPORTED_STREAMS')) {
          uni.showToast({
            title: '上传的视频被损坏或视频流解析异常，请重新选择其他视频。',
            icon: "none",
            mask: true
          })
        }
      },
      //上传视频
      async afterReadVideo(file, lists, name,err) {
        console.log(file, lists, name,err);
        const result = await this.uploadFilePromise(file.file.url)
        this.videoList = result
      },
      // 图片1
      async afterRead1(event) {
        const result = await this.uploadFilePromise(event.file.url)
        this.pic1 = result
      },
      // 图片2
      async afterRead2(event) {
        const result = await this.uploadFilePromise(event.file.url)
        this.pic2 = result
      },
      // 图片3
      async afterRead3(event) {
        const result = await this.uploadFilePromise(event.file.url)
        this.pic3 = result
      },
      // 上传文件
      uploadFilePromise(url) {
        uni.showLoading({
          title: '上传中',
        })
        return new Promise((resolve, reject) => {
          let a = uni.uploadFile({
            url: 'https://www.bangbangtongcheng.com/conven/ht/attach/qnUpload',
            filePath: url,
            name: 'file',
            success: (res) => {
              uni.hideLoading()
              console.log('res', res)
              resolve(JSON.parse(res.data).data)
            },
          })
        })
      },
      onphoneBefore() {
        if (!this.showLogin()) {
          return
        }
        if (this.userIdentityTypeCurUser !== 'PERSONAL' && this.userIdentityTypeCurUser) {
          // uni.showToast({
          // 	title: '您是公司身份，无法投递简历！',
          // 	icon: "none",
          // 	mask: true
          // });
          this.$refs.bindNoOperate.open()
          return
        }
        this.$refs.bindMarkCall.open()
      },
      // 获取当前用户认证信息
      getAuthenticationCurUser() {
				if (!this.userInfo || !this.userInfo.id) return false;
        // 根据用户ID查询用户是否认证
        this.$myRequest
          .get('/api/mobile/public/verifyUserWhetherAuthenticationBusinessOrAgentAll', {
            userId: uni.getStorageSync('Pduser').id,
          })
          .then((result) => {
            if (result.code === 200) {
              if (result.userAuthenticationDto) {
                // null：未认证，后端不会返回这个字段
                // PERSONAL：个人认证
                // HOUSE_BUILDING:楼盘认证
                // HOUSE_REAL_ESTATE_SHOP:房产商家认证
                // HOUSE_BROKER:房产经纪人认证
                // CAR_DEALERSHIP_SHOP::4S店认证
                // CAR_AUTO_TRADING_SHOP:汽贸店认证
                // CAR_AUTO_REPAIR_SHOP: 汽车维修商家认证
                // CAR_BEAUTY_DECORATION_SHOP:美容装饰商家认证
                // CAR_BROKER_CAR_SALES_CONSULTANT:汽车销售顾问认证(4s店经纪人或汽贸店经纪人)
                // RECRUITMENT_COMPANY:招聘企业认证
                this.userIdentityTypeCurUser = result.userAuthenticationDto.userIdentityType
              } else {
                this.auditText = '未认证用户'
                this.userIdentityType = null
              }
              console.log('this.userIdentityTypeCurUser', this.userIdentityTypeCurUser)
            }
          })
      },
      // 获取认证信息
      getAuthentication() {
        // 根据用户ID查询用户是否认证
				if (!this.userInfo || !this.userInfo.id) return false;
        console.log('this.userInformationDto.id', this.data)
        this.$myRequest
          .get('/api/mobile/public/verifyUserWhetherAuthenticationBusinessOrAgentAll', {
            userId: this.data.userInformationDto.id,
          })
          .then((result) => {
            if (result.code === 200) {
              if (result.userAuthenticationDto) {
                // null：未认证，后端不会返回这个字段
                // PERSONAL：个人认证
                // HOUSE_BUILDING:楼盘认证
                // HOUSE_REAL_ESTATE_SHOP:房产商家认证
                // HOUSE_BROKER:房产经纪人认证
                // CAR_DEALERSHIP_SHOP::4S店认证
                // CAR_AUTO_TRADING_SHOP:汽贸店认证
                // CAR_AUTO_REPAIR_SHOP: 汽车维修商家认证
                // CAR_BEAUTY_DECORATION_SHOP:美容装饰商家认证
                // CAR_BROKER_CAR_SALES_CONSULTANT:汽车销售顾问认证(4s店经纪人或汽贸店经纪人)
                // RECRUITMENT_COMPANY:招聘企业认证
                this.userIdentityType = result.userAuthenticationDto.userIdentityType
                // 审核状态（0：未审核，1：审核通过，2：审核不通过，3：待商家审核，4：待平台审核）
                this.userAuditStatus = result.userAuthenticationDto.auditStatus
                if (this.userAuditStatus === '1') {
                  this.auditText = '认证用户'
                } else {
                  this.auditText = '未认证用户'
                }
              } else {
                this.auditText = '未认证用户'
                this.userIdentityType = null
              }
              console.log('this.userIdentityType', this.userIdentityType)
            }
          })
      },
      getUserMarkCallStatus() {
        if (this.userResumeDetails == 0) {
          this.userMarkCallStatus = 3
        } else {
          if (this.data.whetherAutoDelivery == 1) {
            this.userMarkCallStatus = 2
          } else {
            this.userMarkCallStatus = 1
          }
        }
      },
      getUserResumeDetails() {
        if (!this.userInfo || !this.userInfo.id) {
          return
        }
        // 判断是否有简历
        this.$myRequest
          .get('/api/mobile/personnelOwner/getResumeDetails', {
            publisherId: this.userInfo.id,
          })
          .then((res) => {
            this.userResumeDetails = 0;
            this.userResumeDetailData = res.biographicalNotesDetails;
            if (res.biographicalNotesDetails && res.biographicalNotesDetails?.id&& (res.biographicalNotesDetails.auditStatus!=2|| res.biographicalNotesDetails.secondAuditStatus=='0')) {
              // 有简历
              this.userResumeDetails = 1;
            }
            if (this.data != {}) {
              this.getUserMarkCallStatus()
            }
          })
      },
      handleTouchStart(event) {
        console.log('@@@')
        // 记录开始触摸的Y坐标
        this.startY = event.touches[0].clientY
      },
      handleTouchMove(event) {
        this.moveTimeout && clearTimeout(this.moveTimeout);
        this.moveTimeout = setTimeout(() => {
          // 当前触摸的Y坐标
          const currentY = event.touches[0].clientY
          // 计算滑动的距离
          const distance = currentY - this.startY
          // 根据滑动的距离判断是上滑还是下滑
          if (distance > 4) {
            // 上滑操作
            this.isViewVisible = true
          } else if (distance < -4) {
            // 下滑操作
            this.isViewVisible = false
          }
          clearTimeout(this.moveTimeout);
          this.moveTimeout = null;
        },100)
      },
      handleTouchEnd() {
        // 可以在这里做一些触摸结束后的处理
      },
      // 获取上门看过历史记录
      doorSeenLsjl() {
        let that = this
        this.$myRequest
          .get('/api/mobile/personnelOwner/queryVisitedHistory', {
            userId: this.userInfo.id,
            relatedBusiness: this.id,
            visitType: 1,
          })
          .then((res) => {
            if (res.visitedHistory.id) {
              // 判断是上门看看还是看过
              this.smkg_chage = true
            }
          })
      },
      HJViewImage(urls) {
        uni.previewImage({
          urls: this.data.introductionPicture.split('|'),
          current: urls,
        })
      },
      weigui() {
        uni.navigateTo({
          url:
            '/pages_intermediary/illegalBehavior?id=' +
            this.data.userInformationDto.id +
            '&index=2',
        })
      },
      getCount(id) {
        let that = this
        this.$myRequest
          .get('/mob/user/getReportMyRecord', {
            userId: id,
            // businessType: 4,
          })
          .then((res) => {
            this.Count = res.page.count
            if (this.Count > 0) {
              that.weig = true
            }
          })
      },
      // 信息编号
      informationNos() {
        this.$refs.informationNo.informationNo_xxbh()
      },
	  soundClick() {
		if(this.audio.length>=2){
			uni.showToast({
			  title: '最多只能记录2条语音信息',
			  icon: 'none',
			})
			return false
		}
	    this.$refs.binds.open()
	  },
	  start() {
	    // 开始录音
	  },
	  end(event) {
	    // 结束录音并处理得到的录音文件
	    // event中，app端仅有tempFilePath字段，微信小程序还有duration和fileSize两个字段
	    let _this = this
	    var uper
	    uni.showToast({
	      title: '请稍候',
	      icon: 'none',
	      duration: 2000,
	    })
	    uper = uni.uploadFile({
	      // 需要上传的地址
	      url: 'https://www.bangbangtongcheng.com/conven/ht/attach/qnUpload',
	      // filePath  需要上传的文件
	      filePath: event.tempFilePath,
	      name: 'file',
	      success(res1) {
	        _this.audio.push({ type: 'mp3', url: JSON.parse(res1.data).data[0].url })
			_this.$refs.binds.close()
	      },
	    })
	    // onProgressUpdate 上传对象更新的方法
	    uper.onProgressUpdate(function (res) {})
	  },
	  cancel() {
	    // 用户取消录音
	  },
	  RecordBFClose(index) {
	    let audios = this.audio
	    audios.splice(index, 1)
	    this.audio = audios
	  },
      submitResume() {
        /* auditNum 审核次数 1跳转 /pages_recruitMoney/publish/writeResume  2跳转/pages_recruitMoney/publish/perfectResume */
        const auditNum = this.userResumeDetailData.auditNum || 0;
        uni.navigateTo({
          url: `/pages_recruitMoney/publish/${auditNum == 0 ? 'writeResume' : 'perfectResume'}`,
        })
      },
      // 投递简历
      deliver() {
        if (!this.showLogin()) {
          return
        }
        if (this.userIdentityTypeCurUser !== 'PERSONAL' && this.userIdentityTypeCurUser) {
          this.$refs.bindNoOperate.open()
          return
        }
        // 判断是否有简历
        if (this.userResumeDetails == 1) {
          if (this.userResumeDetailData.auditStatus == 2) {
            // 审核未通过
            uni.showToast({
              title: '简历未审核通过，请重新填写',
              icon: 'none',
            })
            setTimeout(() => {
              uni.navigateTo({
                url: '/pages_recruitMoney/publish/perfectResume',
              })
            }, 1500)
            return
          }
          if (
            this.userResumeDetailData.auditStatus == 0 ||
            this.userResumeDetailData.secondAuditStatus == 0
          ) {
            uni.showToast({
              title: '简历审核中，请审核通过后再投递',
              icon: 'none',
            })
            return
          } else {
            if (this.deliveryNumber == 0) {
              this.handleSendResume()
            } else if (this.deliveryNumber == 1) {
              uni.showModal({
                content: '职位已投递过简历，还可投递一次',
                showCancel: true,
                cancelText: '暂不投递',
                confirmText: '确认投递',
                confirmColor: '#0fa291',
                success: (res) => {
                  if (res.confirm) {
                    this.handleSendResume()
                  }
                },
              })
              return
            } else if (this.deliveryNumber >= 2) {
              uni.showToast({
                title: '该职位已投递两次，已达投递上限！',
                icon: 'none',
                mask: true,
              })
              return
            }
          }
        } else {
          this.submitResume()
        }
      },
      // 发起投递简历请求
      handleSendResume() {
        // 判断是否有简历
        console.log('this.userResumeDetails ', this.userResumeDetails)
        if (this.userResumeDetails == 1) {
          // 如果有简历，就直接投递简历
          let curriculumVitae = {
            ...this.userResumeDetailData,
          }
          delete curriculumVitae.resumeTitle
          delete curriculumVitae.userInformation
          delete curriculumVitae.whetherHide
          delete curriculumVitae.reasonRejection
          delete curriculumVitae.whetherDraft
          delete curriculumVitae.enclosureWord
          delete curriculumVitae.enclosurePdf
          const params = {
            ...curriculumVitae,
            resumeId: this.data.id,
            publisherId: this.userInfo.id,
            deliverer: this.userInfo.id,
            recipient: this.data.publisherId,
          }
          console.log('params', params)

          // 投递简历
          this.$myRequest.post('/api/mobile/personnelOwner/sendResume', params).then((res) => {
            if (res.code === 200) {
              // 投递成功，刷新简历
              this.getData()

              uni.showToast({
                title: res.msg,
                icon: 'none',
                mask: true,
              })
            }
          })
        } else {
          this.submitResume()
        }
      },

      // 免责声明
      Disclaimers() {
        this.$myRequest
          .get('/api/mobile/public/getDisclaimersByDisclaimerLocation', {
            disclaimerLocation: '16',
          })
          .then((res) => {
            this.disclaimers = res.Disclaimers.disclaimerContent
          })
      },
      guanzhu() {
        if (!this.showLogin()) {
          return
        }
        let that = this
        this.$myRequest
          .post('/api/mobile/vehicleOwner/collectionOrCancelCollection', {
            collectorId: this.userInfo.id,
            relationId: this.data.userInformationDto.id,
            collectionType: '1',
            ids: this.data.userInformationDto.collectionId
              ? this.data.userInformationDto.collectionId
              : '',
          })
          .then((res) => {
            uni.showToast({
              title: res.msg,
              icon: 'none',
              mask: true,
            })
            if (this.data.userInformationDto.whetherCollection == 0) {
              this.addIntegral(5, '关注用户')
            }
            this.getData()
          })
      },
      //点击地图控件时触发
      controlClick(e) {
        switch (e.detail.controlId) {
          case 999:
            uni.createMapContext('map1', this).moveToLocation({
              latitude: this.data.latitude,
              longitude: this.data.longitude,
            })
            break
        }
      },
      lljl() {
        if (!this.userInfo.phone) {
          return
        }
        if (this.data.userInformationDto.id == this.userInfo.id) {
          return
        }
        this.$myRequest
          .post('/api/mobile/public/increaseBrowsingRecord', {
            browseRecordId: this.id,
            viewersId: this.userInfo.id,
            businessType: 4,
            browsingRecords: 7,
          })
          .then((res) => {
            this.llindex = 2
          })
      },
      doorSeen() {
        if (!this.showLogin()) {
          return
        }
        uni.navigateTo({
          url: '/pages_recruitMoney/visited/concurrently?id=' + this.data.id,
        })
      },
      shield() {
		  if (!this.showLogin()) {
		    return
		  }
        if (this.data.userInformationDto.id == this.userInfo.id) {
          uni.showToast({
            title: '不可屏蔽自己发布的信息!',
            icon: 'none',
            mask: true,
          })
          return
        }
        uni.showActionSheet({
          itemList: ['不看这条信息', '不看TA发布的信息'],
          success: (res) => {
            if (res.tapIndex == 0) {
              this.getShield(1)
            } else {
              this.getShield(2)
            }
          },
          fail: function (res) {},
        })
      },
      getShield(index) {
        let data = {}
        if (index == 1) {
          data = {
            shieldPeople: this.userInfo.id,
            associationId: this.data.id,
            associationName: this.data.title,
            shieldingType: 3,
            shieldingTime: this.$Time.getTimes(),
          }
        } else {
          data = {
            shieldPeople: this.userInfo.id,
            associationId: this.data.userInformationDto.id,
            associationName: this.data.userInformationDto.nikeName || '未命名用户',
            shieldingType: 1,
            shieldingTime: this.$Time.getTimes(),
          }
        }
        this.$myRequest.post('/api/mobile/personnelOwner/increaseShield', data).then((res) => {
          uni.showToast({
            title: res.msg,
            icon: 'none',
            mask: true,
          })
          setTimeout(() => {
            uni.navigateBack({
              delta: 1,
            })
          }, 500)
        })
      },
      fn() {
        uni.showActionSheet({
          itemList: ['分享到微信好友', '分享到微信朋友圈'],
          success: (res) => {
            console.log(res)
            this.addIntegral(3)
            let wsxcene = null
            if (res.tapIndex == 0) {
              //分享到好友 可以发送小程序
              wsxcene = 'WXSceneSession'
              uni.share({
                provider: 'weixin',
                scene: wsxcene,
                type: 5,
                title: this.data.title,
                imageUrl: 'https://pic.bangbangtongcheng.com/static/%E5%B0%8F%E7%A8%8B%E5%BA%8F%E5%88%86%E4%BA%AB.png',
                miniProgram: {
                  id: 'gh_c8b17811efca',
                  path: 'pages_recruitMoney/recruitmentDetails/concurrently?id=' + this.id,
                  type: 0,
                  webUrl:
                    'https://www.bangbangtongcheng.com/conven_web/#/pages_recruitMoney/recruitmentDetails/concurrently?id=' +
                    this.id,
                },
                // summary: "我正在看，" + this.data.title + "赶紧跟我一起来查看！",
                success: function (res) {
                  console.log('success:' + JSON.stringify(res))
                },
                fail: function (err) {
                  console.log('fail:' + JSON.stringify(err))
                },
              })
            } else {
              uni.downloadFile({
                url: 'https://pic.bangbangtongcheng.com/static/%E5%B0%8F%E7%A8%8B%E5%BA%8F%E5%88%86%E4%BA%AB.png', //仅为示例，并非真实的资源
                success: (res) => {
                  if (res.statusCode === 200) {
                    let name = res.tempFilePath.substr(res.tempFilePath.lastIndexOf('/') + 1) //截取文件名
                    plus.zip.compressImage(
                      {
                        src: res.tempFilePath, //下载完图片的临时路径
                        dst: '_doc/photoData/' + name, //存储压缩完图片的临时路径
                        overwrite: true, //再次压缩会覆盖掉上次的目录
                        width: '150px', //缩放图片的宽度
                        height: '100px', //缩放图片的高度
                        quality: 5, //压缩图片质量,值越低,图片占内存越低
                      },
                      (event) => {
                        //压缩成功
                        wsxcene = 'WXSceneTimeline' //分享到朋友圈 只能H5 或者图片
                        uni.share({
                          provider: 'weixin',
                          scene: wsxcene,
                          type: 0,
                          title: this.data.title,
                          href:
                            'https://www.bangbangtongcheng.com/conven_web/#/pages_recruitMoney/recruitmentDetails/concurrently?id=' +
                            this.id,
                          imageUrl: event.target,
                          summary: '我正在看，' + this.data.title || ' ' + '赶紧跟我一起来查看！',
                          success: function (res) {
                            console.log('success:' + JSON.stringify(res))
                          },
                          fail: function (err) {
                            console.log('fail:' + JSON.stringify(err))
                          },
                        })
                      },
                      (error) => {
                        //压缩失败
                        uni.showToast({
                          title: '压缩失败',
                          icon: 'none',
                        })
                      }
                    )
                  }
                },
              })
            }
          },
          fail: function (res) {
            console.log(res.errMsg)
          },
        })
      },
      jinzhi() {
        let _this = this
        let param = window.location.href.split('#')[0]
        uni.request({
          method: 'post',
          data: {
            url: param,
          },
          header: {
            'content-type': 'application/x-www-form-urlencoded',
          },
          url: 'https://www.bangbangtongcheng.com/conven//mob/login/getJsTicket.do',
          success(re) {
            _this.setWxShare(re.data)
          },
        })
      },
      setWxShare(data) {
        let _this = this
        wxshare.config({
          debug: false, //是否打开调试
          appId: data.appId, // 公众号的唯一标识
          timestamp: data.timestamp, // 生成签名的时间戳
          nonceStr: data.nonce, // ，生成签名的随机串
          signature: data.signature, // 签名
          jsApiList: ['updateAppMessageShareData', 'updateTimelineShareData', 'openLocation'],
        })
        wxshare.ready(function () {
          //分享给朋友
          // console.log("aaaaaaaa");
          _this.addIntegral(3)
          wxshare.updateAppMessageShareData({
            title: _this.data.title, // 分享标题
            desc: _this.data.jobDescription, // 分享描述
            link: `https://www.bangbangtongcheng.com/conven_web/#/pages_recruitMoney/recruitmentDetails/concurrently?id=${_this.id}`, // 当前页面链接pp
            imgUrl: 'https://pic.bangbangtongcheng.com/static/%E5%B0%8F%E7%A8%8B%E5%BA%8F%E5%88%86%E4%BA%AB.png', // 分享图标
            success: function () {
              //分享成功回调
            },
            cancel: function () {
              //取消分享回调
            },
          })
          wxshare.updateTimelineShareData({
            title: _this.data.title, // 分享标题
            desc: _this.data.jobDescription, // 分享描述
            link: `https://www.bangbangtongcheng.com/conven_web/#/pages_recruitMoney/recruitmentDetails/concurrently?id=${_this.id}`, // 当前页面链接pp
            imgUrl: 'https://pic.bangbangtongcheng.com/static/%E5%B0%8F%E7%A8%8B%E5%BA%8F%E5%88%86%E4%BA%AB.png', // 分享图标
            success: function () {},
            cancel: function () {},
          })
        })
      },
      onShareAppMessage: function (res) {
        this.addIntegral(3)
        // console.log(that.imgUrl + that.data.logo);
        if (res.from === 'menu') {
          // 来自页面内分享按钮
          // console.log(res);
        }
        return {
          title: this.data.title,
          path: '/pages_recruitMoney/recruitmentDetails/concurrently?id=' + this.id,
          desc: '找房就用帮帮同城',
          imageUrl: 'https://pic.bangbangtongcheng.com/static/%E5%B0%8F%E7%A8%8B%E5%BA%8F%E5%88%86%E4%BA%AB.png',
        }
      },
      onShareTimeline() {
        this.addIntegral(3)
        return {
          title: this.data.title,
          path: '/pages_recruitMoney/recruitmentDetails/concurrently?id=' + this.id,
          imageUrl: 'https://pic.bangbangtongcheng.com/static/%E5%B0%8F%E7%A8%8B%E5%BA%8F%E5%88%86%E4%BA%AB.png',
        }
      },
      chat() {
        if (!this.showLogin()) {
          return
        }
        uni.navigateTo({
          url: `/pages/news/chat1?receiver=${this.data.userInformationDto.id}&img=${this.data.userInformationDto.image}&nikeName=${this.data.userInformationDto.nikeName}&id=${this.data.id}&type=3&index=${this.indexss}`,
        })
        // if (this.indexss == 1) {
        // 	this.indexss = 2
        // }
      },
      jubao() {
		  if (this.data.userInformationDto.id == this.userInfo.id) {
		    uni.showToast({
		      title: '不可举报自己!',
		      icon: 'none',
		      mask: true,
		    })
		    return
		  }
        if (!this.showLogin()) {
          return
        }
        uni.navigateTo({
          url:
            '/pages_recruitMoney/index/report?id=' +
            this.data.id +
            '&userId=' +
            this.data.userInformationDto.id +
            '&index=1',
        })
      },
      fanhui() {
        var pages = getCurrentPages() //当前页
        if (pages.length >= 2) {
          uni.navigateBack({
            delta: 1,
          })
        } else {
          uni.switchTab({
            url: '/pages/index/index',
          })
        }
      },
      shouye() {
        uni.switchTab({
          url: '/pages/index/index',
        })
      },
      companyDetails() {
        uni.navigateTo({
          url:
            '/pages_recruitMoney/recruitmentDetails/companyDetails?userId=' +
            this.data.userInformationDto.id,
        })
      },
      async userfy(item) {
        // if (!this.showLogin()) {
        // 	return;
        // }
        let yy = await this.getjjr(item.id)
        if (yy.businessType == 1 && yy.shopType == 2 && yy.isShop == 1) {
          if (!yy.buildingId) {
            uni.showToast({
              title: '该商家还未发布楼盘！',
              icon: 'none',
              mask: true,
            })
            return
          }
          uni.navigateTo({
            url: '/pages_houses/houses/housesDetails?id=' + yy.buildingId + '&showTab=7',
          })
          return
        }
        if (yy.businessType == 1 && yy.shopType == 1 && yy.isShop == 1) {
          uni.navigateTo({
            url: `/pages_intermediary/shopDetails?id=${yy.shopId}&showTab=4`,
          })
          return
        }
        if (yy.businessType == 2 && (yy.shopType == 1 || yy.shopType == 2) && yy.isShop == 1) {
          uni.navigateTo({
            url: '/pages_owner/dealer/dealerDetails?id=' + yy.shopId + '&showTab=5',
          })
          return
        }
        if (yy.businessType == 2 && (yy.shopType == 3 || yy.shopType == 4) && yy.isShop == 1) {
          uni.navigateTo({
            url: '/pages_owner/ownerService/ownerServiceDetails?id=' + yy.shopId + '&showTab=4',
          })
          return
        }
        if (yy.businessType == 0 && yy.enterpriseRecruitmentStatus == 1) {
          uni.navigateTo({
            url:
              '/pages_recruitMoney/recruitmentDetails/companyDetails?userId=' +
              yy.id +
              '&showTab=4',
          })
          return
        }
        // showTab = 10 招聘tab
        uni.navigateTo({
          url: `/pages_owner/dealer/goldConsultant?userId=${item.id}&showTab=10`,
        })
      },
      async getjjr(id) {
        let that = this
        let data = {}
        await this.$myRequest
          .get('/api/mobile/public/getPersonalHome', {
            otherId: id,
            ownerId: this.userInfo.id,
          })
          .then((res) => {
            data = res.personalHomeData
          })
        return data
      },
      openMap() {
        // console.log(this.data.latitude, this.data.longitude);
        let that = this
        /* #ifdef H5 */
        let param = window.location.href.split('#')[0]
        uni.request({
          method: 'post',
          data: {
            url: param,
          },
          header: {
            'content-type': 'application/x-www-form-urlencoded',
          },
          url: 'https://www.bangbangtongcheng.com/conven//mob/login/getJsTicket.do',
          success(re) {
            uni.hideLoading()
            wxshare.config({
              debug: false, //是否打开调试
              appId: re.data.appId, // 公众号的唯一标识
              timestamp: re.data.timestamp, // 生成签名的时间戳
              nonceStr: re.data.nonce, // ，生成签名的随机串
              signature: re.data.signature, // 签名
              jsApiList: ['openLocation'],
            })
            wxshare.ready(function () {
              wxshare.openLocation({
                latitude: Number(that.data.latitude), //目的地latitude
                longitude: Number(that.data.longitude), //目的地longitude
                scale: 15, //地图缩放大小，可根据情况具体调整
              })
            })
          },
        })
        /* #endif */
        /* #ifndef H5 */
        uni.openLocation({
          latitude: Number(that.data.latitude),
          longitude: Number(that.data.longitude),
          success: function () {
            console.log('success')
          },
        })
        /* #endif */
      },
      sc() {
        if (!this.userinfo.phone) {
          uni.showModal({
            title: '',
            content: '尚未登录，前往登录？',
            showCancel: true,
            success: (res) => {
              if (res.confirm) {
                //#ifdef H5
                uni.navigateTo({
                  url: '/pages/login/login?isNeedBack=true',
                })
                //#endif
                //#ifdef APP-PLUS
                uni.navigateTo({
                  url: '/pages/login/login?isNeedBack=true',
                })
                //#endif
                //#ifdef MP-WEIXIN
                uni.navigateTo({
                  url: '/pages/login/phoneLogin',
                })
                //#endif
              }
            },
          })
          return
        }
        let that = this
        this.$myRequest
          .post('/api/mobile/public/favoriteFollowOrCancelFavoriteFollow', {
            collectorId: this.userInfo.id,
            collectionType: 7,
            relationId: this.data.id,
            id: this.data.followCollections ? this.data.followCollections.id : '',
          })
          .then((res) => {
            uni.showToast({
              title: res.msg,
              icon: 'none',
              mask: true,
            })
            if (this.data.whetherCollection == 0) {
              this.addIntegral(5, '收藏招聘')
            }
            this.getData()
          })
      },
      addIntegral(val, title) {
        this.$myRequest
          .post('/mob/iteration/addIntegral', {
            userId: this.userInfo.id,
            ruleNumber: val,
            title: title || '转发兼职招聘',
          })
          .then((res) => {})
      },
      async getPhone() {
        this.onphone()
      },
      async getCallNum(){
        try {
          const res = await this.$myRequest.get('/api/mobile/public/getCallNumAndNotesStatus', {
            userId: this.userInfo.id
          })
          return res;
          // const res = await apiFunction();
          // if (!data) throw Error('');
        } catch (err) {
          // err.message && Message.error({id: 'ErrorMsg',content: err.message});
          console.log(err);
        } finally {
          // console.log();
        }
      },
      /* 拨打电话的效验 */
      async onphone(contactNumber) {
        let that = this
        if (!this.userInfo.phone) {
          uni.showModal({
            title: '',
            content: '尚未登录，前往登录？',
            showCancel: true,
            success: (res) => {
              if (res.confirm) {
                //#ifdef H5
                uni.navigateTo({
                  url: '/pages/login/login?isNeedBack=true',
                })
                //#endif
                //#ifdef APP-PLUS
                uni.navigateTo({
                  url: '/pages/login/login?isNeedBack=true',
                })
                //#endif
                //#ifdef MP-WEIXIN
                uni.navigateTo({
                  url: '/pages/login/phoneLogin',
                })
                //#endif
              }
            },
          })
          return
        }
        const temData = this.userResumeDetailData;
        const auditStatus = temData.secondAuditStatus || temData.auditStatus;
        const callRes = await this.getCallNum();
        /* auditStatus 简历状态 0 审核中 1审核通过 2 未通过 */
        if (auditStatus === '2') {
          this.submitResume();
          return false;
        } else if (callRes.auditStatus !== '1') {
          if (callRes.callNumber > 0 && auditStatus === '0') {
            uni.showToast({
              title: '简历审核中，请耐心等待审核结束哦~',
              icon: 'none',
              mask: true,
            })
              return false;
          }
          uni.showModal({
            title: '提示',
            content: '您的简历正在审核中，当前状态下仅能拨打一次电话，是否拨打？',
            confirmText: '立即拨打',
            success: (res) => {
              if (res.confirm) {
                this.callPhone(contactNumber);
              }
            },
          })
          return false;
        }
        this.callPhone(contactNumber);
      },
      /* 拨打电话 */
      callPhone(phoneNum){
        let that = this;
        this.$myRequest.post('/api/mobile/public/increaseCallRecord', {
          userId: this.userInfo.id,
          businessType: '4',
          telephoneNumber: phoneNum,
          associationId: this.data.id,
          callType: 7,
        }).then((res) => {});

        // 发布者开启了自动投递且用户之前没有投递过，进行自动投递
        // if (this.userMarkCallStatus == 2 && this.data.whetherDelivery == 0) {
        // 	that.autoDelivery()
        // }
        uni.makePhoneCall({
          // 手机号
          phoneNumber: phoneNum,
          // 成功回调
          success: (res) => {
            console.log('调用成功!')
            // 发布者开启了自动投递且用户之前没有投递过，进行自动投递
            if (this.userMarkCallStatus == 2 && this.data.whetherAutoDelivery == 1) {
              that.autoDelivery()
            }
          },
          // 失败回调
          fail: (res) => {
            console.log('调用失败!');
            uni.showModal({
              title: '提示',
              content: '需要电话权限才能拨打电话，是否去设置开启？',
              confirmText: '立即设置',
              success: (res) => {
                if (res.confirm) {
                  // #ifdef APP
                  uni.openAppAuthorizeSetting({
                    success (res) {
                      console.log(res)
                    }
                  })
                  // #endif
                  // #ifdef MP-WEIXIN
                  uni.openSetting();
                  // #endif
                }
              },
            })
          },
        })
      },
      autoDelivery() {
        let that = this
        let datas = JSON.parse(JSON.stringify(this.userResumeDetailData))
        delete datas.id
        delete datas.auditTime
        datas.recipient = this.data.userInformationDto.id
        datas.resumeId = this.data.id
        datas.deliverer = that.userInfo.id
        datas.isAuto = '1'
        datas.graduationAcademy = JSON.stringify(datas.graduationAcademy)
        this.$myRequest.post('/api/mobile/personnelOwner/sendResume', datas).then((res) => {
          // if (res.code == 200) {
          //   uni.showToast({
          //     title: res.msg,
          //     icon: 'none',
          //     mask: true,
          //   })
          // }
        })
      },
      getData(status) {
        let that = this
        this.$myRequest
          .get('/api/mobile/personnelOwner/getRecruitmentById', {
            id: this.id,
            userId: this.userInfo.id,
          })
          .then((res) => {
            if (!res.recommendedPosition.id) {
              uni.showModal({
                title: '提示',
                content: '该职位已关闭！',
                showCancel: !1,
                success: (res) => {
                  if (res.confirm) {
                    this.fanhui()
                  }
                },
              })
              return
            }
            this.data = res.recommendedPosition;
            // 投递简历次数
            this.deliveryNumber = res.recommendedPosition.deliveryNumber
            this.getAuthentication()
            if (this.llindex == 1) {
              this.lljl()
            }
            if (status) {
              that.getCount(res.recommendedPosition.userInformationDto.id)
            }
            if (res.recommendedPosition.latitude) {
              this.markers = [
                {
                  id: 1,
                  latitude: res.recommendedPosition.latitude,
                  longitude: res.recommendedPosition.longitude,
                  iconPath: 'https://pic.bangbangtongcheng.com/locationpic.png',
                  width: 30,
                  height: 30,
                  anchor: {
                    x: 0.5,
                    y: 0.5,
                  },
                },
              ]
            }
            that.$nextTick(() => {
              setTimeout(() => {
                this.loding = false
                // if(!this.controls.length){
                // 	this.mapdian()
                // }
              }, 1000)
            })
          })
      },
      mapdian() {
        this.$nextTick(() => {
          uni
            .createSelectorQuery()
            .in(this)
            .select('.maps')
            .fields(
              {
                size: true,
              },
              (res) => {
                this.controls.push({
                  id: 999,
                  iconPath: 'https://pic.bangbangtongcheng.com/static/dingwei1.png',
                  clickable: true,
                  position: {
                    left: res.width - 50,
                    top: 100,
                    width: 50,
                    height: 60,
                  },
                })
              }
            )
            .exec()
        })
      },
    },
    computed: {
      ...mapGetters(['userid', 'islogin', 'statusBarHeight1', 'userinfo']),
      introductionPictureMore() {
        if (this.data.introductionPicture && this.data.introductionPicture.split('|').length > 3) {
          return this.data.introductionPicture.split('|').length - 3
        } else {
          return 0
        }
      },
      introductionPictureCurrenShow() {
        if (this.data.introductionPicture) {
          if (this.data.introductionPicture.split('|').length > 3) {
            return this.data.introductionPicture.split('|').slice(0, 3);
          } else {
            return this.data.introductionPicture.split('|');
          }
        } else {
          return [];
        }
      },
      formattedContactNumbers() {
        if (this.data.contactNumber) {
          return this.data.contactNumber.split(',')
        }
        return []
      },
      setMoreKey(){
        return `more${parseInt(Math.round() * 1000)}`
      },
    },
  }
</script>
<style lang="less" scoped>
  .box {
    width: 100%;
    min-height: 100vh;
    background: #f5f7f9;
    // background: linear-gradient(180deg, #ffffff 0%, #f5f7f9 90%);
    padding-bottom: 160rpx;
  }

  .isViewVisible {
    position: fixed;
    top: 0;
    left: 0;
    width: 750rpx;
    z-index: 999;
  }

  .head {
    position: fixed;
    top: 0;
    left: 0;
    width: 750rpx;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 15px;
    // background-color: #fff;
    background: #f5f7f9;
    z-index: 1000;

    .fanhui {
      position: relative;
      height: 54rpx;
      line-height: 54rpx;

      image {
        width: 30rpx;
        height: 30rpx;
      }

      span {
        position: absolute;
        font-weight: 500;
        font-size: 32rpx;
        color: #000000;
        padding-left: 10rpx;
        margin-top: -5rpx;
        width: 150rpx;
      }
    }

    .head_right {
      display: flex;
      align-items: center;

      .smkk {
        width: 146rpx;
        height: 50rpx;
        border-radius: 24rpx;
        border: 4rpx solid #64b6a8;
        font-size: 26rpx;
        font-weight: 500;
        color: #64b6a8;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 30rpx;
      }

      .fanx {
        width: 54rpx;
        height: 54rpx;
        margin-right: 30rpx;
      }

      .genduo {
        width: 36rpx;
        height: 36rpx;
        display: flex;
        align-items: center;
        position: relative;

        .image {
          width: 100%;
          height: 8rpx;
        }

        .administrations {
          width: 140rpx;
          height: 150rpx;
          background-color: #fff;
          position: absolute;
          right: -10rpx;
          bottom: -180rpx;
          box-shadow: 0px 0px 20px 2rpx #d0d0d0;
          z-index: 100;
          padding: 0 32rpx;
          display: flex;
          flex-direction: column;

          .items {
            height: 72rpx;
            color: #5a5e66;
            font-size: 28rpx;
            font-weight: 500;
            border-bottom: 2rpx solid #e0e0e0;
            display: flex;
            align-items: center;
            justify-content: center;
          }

          &::before {
            content: '';
            display: inline-block;
            border-left: 24rpx solid transparent;
            border-right: 20rpx solid transparent;
            border-bottom: 24rpx solid #fff;
            position: absolute;
            right: 12rpx;
            top: -22rpx;
          }
        }
      }
    }
  }

  .feahd_bottom {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 750rpx;
    height: calc(120rpx + env(safe-area-inset-bottom) / 2);
    //padding: 0 30rpx calc(8rpx + env(safe-area-inset-bottom) / 2);
    box-shadow: 0px 0px 6px 2rpx rgba(0, 0, 0, 0.16);
    border-top-right-radius: 25rpx;
    border-top-left-radius: 25rpx;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #fff;
    z-index: 1000;

    .sendResumes {
      width: 242rpx;
      height: 70rpx;
    }

    .sendResume,
    .collect {
      margin: 0rpx 20rpx;
      width: 223rpx;
      height: 90rpx;
      line-height: 90rpx;
      text-align: center;
      font-size: 32rpx;
      color: #ffffff;
      background: #0fa291;
      border-radius: 45rpx;
      display: flex;
      align-items: center;
      justify-content: center;
      overflow: hidden;

      .img {
        margin-right: 20rpx;
        width: 30rpx;
        height: 32rpx;
        margin-right: 10rpx;
      }
    }

    .feahd_right {
      flex: 1;
      //margin-left: 50rpx;
      display: flex;
      align-items: center;
      justify-content: space-around;

      // .collect {
      // 	// display: flex;
      // 	// flex-direction: column;
      // 	// align-items: center;
      // 	// justify-content: space-between;
      // 	font-size: 32rpx;
      // 	color: #FFFFFF;
      // 	background: #0FA291;
      // 	border-radius: 45rpx;

      // 	.img {
      // 		width: 30rpx;
      // 		height: 32rpx;
      // 	}
      // }

      .weigui {
        position: absolute;
        padding: 0px 10px 0px 10px;
        width: 690rpx;
        left: 30rpx;
        bottom: 0rpx;
        animation: all 6s;
        animation-name: mycolor;

        .img {
          width: 100%;
          height: 134rpx;
        }

        p {
          position: absolute;
          left: 100rpx;
          bottom: 64rpx;
          font-size: 34rpx;
          color: #fff;
        }
      }

      @keyframes mycolor {
        0% {
          left: 30rpx;
          bottom: 140rpx;
          transform: scale(0 0.1);
        }

        100% {
          left: 30rpx;
          bottom: 140rpx;
          opacity: 0;
        }
      }
    }
  }

  .customCallout {
    box-sizing: border-box;
    width: 300rpx;
    height: 200rpx;
    background-color: #000;
    background: #ffffff;
    box-shadow: 0px 4rpx 16px 0px rgba(189, 191, 193, 0.4);
    border-radius: 4rpx;
    display: inline-flex;
    padding: 6rpx 24rpx;
    justify-content: center;
    align-items: center;
    color: #2a7be2;
  }

  .center {
    width: 100%;

    .center_top {
      .number {
        width: 100%;
        // position: absolute;
        // bottom: -56rpx;
        padding: 0 30rpx;
        font-size: 28rpx;
        font-weight: 400;
        display: flex;
        font-size: 24rpx;
        color: #666666;
        height: 56rpx;
        //background: rgba(255, 77, 46, 0.1);
        background: #f6e5e4;
        line-height: 56rpx;
        justify-content: space-between;

        image {
          width: 24rpx;
          height: 24rpx;
        }

        .remark {
          display: flex;
          align-items: center;
          color: #000;

          .arrow-right {
            margin-left: 10rpx;
            width: 28rpx;
            height: 28rpx;
            transform: rotate(90deg);
            transition: all 0.3s ease-in-out;
          }

          .open {
            transform: rotate(-90deg);
          }
        }

        .icon {
          display: flex;
          justify-content: end;
          align-items: center;
          padding-top: 5rpx;

          view {
            margin-left: 40rpx;
          }

          .genduoNew {
            position: relative;

            .administrations {
              width: 140rpx;
              height: 150rpx;
              background-color: #fff;
              position: absolute;
              right: -10rpx;
              bottom: -180rpx;
              box-shadow: 0px 0px 20px 2rpx #d0d0d0;
              z-index: 100;
              padding: 0 32rpx;
              display: flex;
              flex-direction: column;

              .items {
                height: 72rpx;
                color: #5a5e66;
                font-size: 28rpx;
                font-weight: 500;
                border-bottom: 2rpx solid #e0e0e0;
                display: flex;
                align-items: center;
                justify-content: center;
              }

              &::before {
                content: '';
                display: inline-block;
                border-left: 24rpx solid transparent;
                border-right: 20rpx solid transparent;
                border-bottom: 24rpx solid #fff;
                position: absolute;
                right: 12rpx;
                top: -22rpx;
              }
            }
          }
        }

        .informationNoBubble {
          width: 500rpx;
          padding: 10rpx;
          border-radius: 10rpx;
          background-color: #ffffff;
          position: absolute;
          bottom: -180rpx;
          border: 2rpx solid #888;
          left: 150rpx;
          z-index: 1;

          .binds_1 {
            font-size: 24rpx;
            font-weight: 400;
            color: #333333;
            margin-bottom: 10rpx;
          }

          .binds_2 {
            font-size: 24rpx;
            font-weight: 400;
            color: #64b6a8;
          }

          &::before {
            width: 0px;
            height: 0px;
            position: absolute;
            padding: 0;
            border-left: 24rpx solid transparent;
            border-right: 20rpx solid transparent;
            border-bottom: 24rpx solid #fff;
            content: '';
            z-index: 12;
            position: absolute;
            left: 12rpx;
            top: -20rpx;
          }

          &::after {
            width: 0px;
            height: 0px;
            position: absolute;
            padding: 0;
            border-left: 24rpx solid transparent;
            border-right: 20rpx solid transparent;
            border-bottom: 24rpx solid #888;
            content: '';
            z-index: 10;
            position: absolute;
            left: 12rpx;
            top: -24rpx;
          }
        }
      }

      /* 备注信息 样式开始 */
      .mark {
        margin: 20rpx;
        padding: 20rpx;
        color: #666;
        font-size: 28rpx;
        background: #f5f7f9;
        border-radius: 20rpx;
        border: 2rpx solid #f1f5f5;

        .history {
          display: flex;
          justify-content: space-between;
          align-items: center;
          margin-bottom: 20rpx;

          .history-right {
            display: flex;
            align-items: center;
          }
        }
.RecordBF {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      .iteam {
        width: 140rpx;
        height: 50rpx;
        background-color: #ffffff;
        border-radius: 8rpx;
        border: 2rpx solid #c4c4c4;
        display: flex;
        align-items: center;
        justify-content: space-evenly;
        // margin-right: 20rpx;
        margin-bottom: 20rpx;
        .image {
          width: 24rpx;
          height: 24rpx;
          margin: 0;
        }
        .text {
          font-size: 24rpx;
          font-weight: 400;
          color: #333333;
        }
      }
      .RecordBFImage {
        position: absolute;
        width: 40rpx;
        height: 40rpx;
        right: 0;
        top: -20rpx;
      }
    }
        .voice {
          display: flex;
          justify-content: space-between;
          align-items: center;
          margin-bottom: 20rpx;

          .voice-left {
            display: flex;
            align-items: center;

            .voice-icon {
              margin-left: 5rpx;
              width: 38rpx;
              height: 38rpx;
            }
          }

          .voice-right {
            width: 140rpx;
            height: 60rpx;
            line-height: 60rpx;
            text-align: center;
            color: #fff;
            font-size: 28rpx;
            background: #0fa291;
            border-radius: 32rpx;
          }
        }

        .text-record {
          margin-bottom: 20rpx;
        }

        .media {
          position: relative;
          display: flex;
          justify-content: space-between;
          align-items: center;

          .video-btn {
            position: absolute;
            left: 20rpx;
            top: 20rpx;
            width: 120rpx;
            height: 120rpx;
            z-index: 2;
          }

          .uploadPhotos {
            height: 152rpx;
            width: 152rpx;
            background: #fff;

            .Photos {
              height: 152rpx;
              width: 152rpx;
              position: relative;

              .image {
                width: 100%;
                height: 100%;
              }

              ::v-deep .solids {
                width: 100%;
                height: 100%;
                margin: 0;

                &::after {
                  border: none;
                }
              }

              ::v-deep .grid.grid-square {
                height: 100%;

                .bg-img {
                  width: 100%;
                  height: 100%;
                  margin-bottom: 0;
                  margin-right: 0;
                  padding-bottom: 0;
                }
              }

              .colse {
                position: absolute;
                top: 0;
                right: 0;
                background-color: #f0f0f0;
                border-radius: 0 8rpx 0 8rpx;
              }

              .Photos_close {
                border-bottom-left-radius: 6rpx;
                padding: 6rpx 12rpx;
                height: auto;
                background-color: rgba(0, 0, 0, 0.5);
                color: #fff;
                position: absolute;
                top: 0;
                right: 0;
              }

              .cCircle {
                // background: rgba(0,0,0,0.5);
                width: 120rpx;
                height: 120rpx;
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
              }

              .maskimg {
                background: rgba(0, 0, 0, 0.5);
                width: 100%;
                height: 100%;
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
              }

              .hide1 {
                animation: change 3s;
              }

              @keyframes change {
                0% {
                  opacity: 1;
                }

                100% {
                  opacity: 0;
                }
              }
            }

            .zhaop {
              width: 150rpx;
              height: 150rpx;
              background-color: #ffffff;
              border-radius: 8rpx;
              border: 2rpx solid #e0e0e0;
              display: flex;
              align-items: center;
              justify-content: center;

              .image {
                width: 48rpx;
                height: 48rpx;
              }
            }
          }
        }
      }

      .title {
        width: 710rpx;
        background: #ffffff;
        border-radius: 10rpx;
        margin: 0rpx auto;
        font-weight: 700;
        font-size: 32rpx;
        color: #000000;
        line-height: 48rpx;
        text-align: left;
        padding: 15rpx 20rpx;
      }

      .majorFunction {
        width: 710rpx;
        background: #ffffff;
        margin: 20rpx auto;
        overflow: hidden;
        border-radius: 10rpx;

        .info {
          display: flex;
          justify-content: space-around;

          view {
            width: 355rpx;
            padding: 0rpx 20rpx;
            margin-top: 20rpx;
          }

          .left {
            text-align: left;
            font-size: 28rpx;
            color: #333333;
          }

          .right {
            text-align: right;
            font-weight: 600;
            font-size: 32rpx;
            color: #000000;
          }
        }

        .benefitLabelNew {
          display: flex;
          align-items: center;
          flex-wrap: wrap;
          margin: 20rpx 0rpx;
          padding: 0rpx 20rpx;

          .label {
            background: #f5f7f9;
            border-radius: 4rpx;
            padding: 8rpx 14rpx;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: 400;
            font-size: 24rpx;
            color: #666666;
            margin-right: 10rpx;
            margin-bottom: 10rpx;
          }
        }
      }

      .secondaryFunction {
        width: 710rpx;
        background: #ffffff;
        margin: 20rpx auto;
        display: flex;
        padding: 30rpx;
        border-radius: 10rpx;
        justify-content: space-between;

        view {
          text-align: center;
        }

        .gap {
          width: 2rpx;
          height: 76rpx;
          background: #ebebed;
        }

        .info {
          font-size: 28rpx;

          .infoTop {
            color: #000000;
            font-weight: 700;
            margin-bottom: 13rpx;
          }

          .infoBottom {
            color: #333333;
          }
        }
      }

      .position {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 20rpx;

        .position_left {
          display: flex;
          align-items: center;

          .dizhi {
            font-size: 28rpx;
            font-weight: 400;
            color: #333;
            margin-right: 24rpx;
          }

          .zhiye {
            font-size: 28rpx;
            font-weight: 400;
            color: #333;
          }
        }

        .position_price {
          font-size: 32rpx;
          font-weight: 600;
          color: #e32d2d;
        }
      }

      .benefitLabel {
        display: flex;
        align-items: center;
        flex-wrap: wrap;

        .label {
          margin-bottom: 10rpx;
          display: flex;
          align-items: center;
          justify-content: center;
          padding: 10rpx;
          font-size: 26rpx;
          font-weight: 400;
          color: #64b6a8;
          border-radius: 4rpx;
          border: 2rpx solid #64b6a8;
          margin-right: 20rpx;
        }
      }

      .need {
        width: 710rpx;
        background: #ffffff;
        margin: 20rpx auto;
        border-radius: 10rpx;
        padding: 0rpx 20rpx;
        overflow: hidden;

        .need_label {
          font-size: 28rpx;
          color: #333333;
          margin: 20rpx 0rpx;

          .view {
            color: #999;
          }
        }
      }
    }

    .JobDescription {
      width: 750rpx;
      margin: 32rpx 0rpx;

      .title {
        width: 710rpx;
        margin: 0 auto 16rpx;
        font-weight: 700;
        font-size: 32rpx;
        color: #000000;
        display: flex;
        align-items: center;
      }

      .detailed {
        padding: 20rpx;
        margin: 20rpx;
        box-sizing: border-box;
        background: #ffffff;
        border-radius: 10rpx;
        font-size: 28rpx;
        color: #000000;
        font-weight: 400;
        word-break: break-all;
        line-break: anywhere;
        line-height: 42rpx;
        overflow: hidden;
      }
    }

    .cutApart {
      width: 750rpx;
      height: 20rpx;
      background-color: #f2f2f2;
    }

    .center_bottom {
      width: 750rpx;

      .Map {
        margin-top: 32rpx;
        margin-bottom: 32rpx;

        view {
          width: 710rpx;
          margin: 0rpx auto;
        }

        .title {
          margin-bottom: 16rpx;
          font-weight: 700;
          font-size: 32rpx;
          color: #000000;
          display: flex;
          align-items: center;
        }

        .maps {
          height: 180px;
          position: relative;

          .AppMap {
            width: 100%;
            height: 100%;
            border-radius: 16rpx;
            overflow: hidden;
          }

          .workAddress {
            position: absolute;
            top: 0rpx;
            left: 10rpx;
            width: 690rpx;
            padding: 18rpx 30rpx;
            background: linear-gradient(
              180deg,
              rgba(255, 255, 255, 0.2) 0%,
              rgba(255, 255, 255, 0.6) 100%
            );
            box-shadow: 0rpx 10rpx 20rpx 0rpx rgba(24, 97, 93, 0.08);
            border-radius: 10rpx;
            border: 2rpx solid;
            border-image: linear-gradient(180deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0)) 1
              1;
            backdrop-filter: blur(5px);
            font-size: 28rpx;
            color: #000000;
            display: flex;
            justify-content: space-between;

            view {
              width: 447rpx;
            }

            .toOpenMap {
              width: 140rpx;
              background: #0fa291;
              border-radius: 32rpx;
              font-weight: 500;
              font-size: 28rpx;
              height: 60rpx;
              line-height: 60rpx;
              text-align: center;
              margin: auto;
              color: #ffffff;
              padding: 0rpx 20rpx;
            }
          }
        }
      }

      .corporation {
        width: 710rpx;
        margin: 0rpx auto;

        .briefIntroduction {
          display: flex;
          align-items: center;
          justify-content: space-between;
          margin-bottom: 16rpx;

          .title {
            font-size: 32rpx;
            font-weight: 700;
            color: #333333;
            display: flex;
            align-items: center;
          }

          .image {
            width: 38rpx;
            height: 38rpx;
          }
        }

        .corporation_center {
          margin-bottom: 16rpx;
          background-color: white;
          padding: 25rpx;
          border-radius: 10rpx;

          .title,
          .content {
            font-size: 28rpx;
            color: #000000;
            line-height: 42rpx;
          }

          .content {
            // word-break: break-all;
            // line-break: anywhere;
            // font-size: 26rpx;
            // font-weight: 400;
            // color: #333333;
            margin-bottom: 24rpx;
          }

          .environment {
            // .image {
            // 	width: 100%;
            // }
            display: flex;
            justify-content: space-between;

            .image {
              width: 210rpx;
              height: 157rpx;
              border-radius: 10rpx;
              // margin-bottom: 8rpx;
            }

            .more {
              position: absolute;
              right: 0rpx;
              bottom: 10rpx;
              width: 44rpx;
              height: 44rpx;
              background: rgba(0, 0, 0, 0.5);
              border-radius: 6rpx 0rpx 11rpx 0rpx;
              font-size: 24rpx;
              color: #ffffff;
              line-height: 44rpx;
              text-align: center;
            }
          }
        }

        .personalCard {
          width: 710rpx;
          margin: 0rpx auto;
          height: 202rpx;
          background-color: #ffffff;
          //box-shadow: 0px 0px 6rpx 2rpx rgba(0, 0, 0, 0.16);
          border-radius: 20rpx;
          margin-top: 20rpx;
          margin-bottom: 28rpx;
          position: relative;

          .lookOver {
            width: 198rpx;
            height: 50rpx;
            background: #0fa291;
            border-radius: 0rpx 22rpx 0rpx 25rpx;
            position: absolute;
            top: 0;
            right: 0;
            font-size: 24rpx;
            font-weight: 400;
            color: #ffffff;
            display: flex;
            align-items: center;
            justify-content: center;
          }

          .personalCard_center {
            display: flex;
            align-items: center;
            justify-content: space-between;
            height: 100%;

            .left {
              margin-left: 30rpx;
              display: flex;
              align-items: center;
              height: 100%;

              .headSculpture {
                position: relative;
                width: 125rpx;
                height: 125rpx;

                .image {
                  width: 125rpx;
                  height: 125rpx;
                  border-radius: 120rpx;
                }

                .name {
                  position: absolute;
                  bottom: -26rpx;
                  left: 50%;
                  transform: translateX(-50%);
                  width: 154rpx;
                  text-align: center;
                  // height: 36rpx;
                  // font-size: 24rpx;
                  // color: #fff;
                  // text-align: center;
                  // line-height: 36rpx;
                  // background: url("https://pic.bangbangtongcheng.com/static/name.png");
                  // background-size: 100% 100%;
                  font-size: 22rpx;
                  font-weight: 600;
                  letter-spacing: 2rpx;

                  .personal-label {
                    display: inline-block;
                    padding: 2rpx 6rpx;
                    //min-width: 154rpx;
                    background: url('https://pic.bangbangtongcheng.com/static/my/tag1.png') center
                      no-repeat;
                    background-size: 100% 100%;

                    text {
                      color: #333;
                      font-size: 22rpx;
                    }
                  }

                  .shop-label text {
                    display: inline-block;
                    padding: 2rpx 8rpx;
                    // min-width: 110rpx;
                    // max-width: 150rpx;
                    background: url('https://pic.bangbangtongcheng.com/static/my/tag2.png') center
                      no-repeat;
                    background-size: 100% 100%;
                    color: #4e260a;
                    font-size: 22rpx;
                    white-space: normal;
                    overflow: hidden;
                    letter-spacing: 2rpx;
                  }
                }
              }

              .information {
                margin-left: 24rpx;
                padding: 32rpx 0;

                .name {
                  width: 300rpx;
                  text-overflow: ellipsis;
                  white-space: nowrap;
                  overflow: hidden;
                  font-size: 36rpx;
                  font-weight: 400;
                  color: #000000;
                  margin-bottom: 16rpx;
                }

                .vip-label {
                  // padding: 3rpx 6rpx;
                  // background: #F6F0FF;
                  // border-radius: 6rpx 6rpx 6rpx 6rpx;
                  // opacity: 1;
                  // border: 2rpx solid #BD90D9;
                  // font-size: 24rpx;
                  // font-weight: 500;
                  // color: #BD90D9;
                  width: 120rpx;
                  //height: 40rpx;
                  background: #d1eff7;
                  border-radius: 4rpx;
                  font-size: 24rpx;
                  color: #1a657a;
                  padding: 8rpx 11rpx;
                }

                .userGradeNew {
                  display: flex;
                  justify-content: left;
                  align-items: center;
                  margin-bottom: 14rpx;
                  font-size: 24rpx;
                  color: #333;

                  .star-vip {
                    ::deep .u-rate__content__item {
                      width: 30rpx;
                    }
                  }

                  margin-top: 16rpx;
                }

                .grade {
                  display: flex;
                  align-items: center;
                  margin-top: 10rpx;

                  .image {
                    width: 40rpx;
                    height: 40rpx;
                    margin-right: 10rpx;
                  }
                }
              }
            }

            .right {
              margin-right: 40rpx;
              display: flex;
              align-items: center;

              .image {
                width: 54rpx;
                height: 54rpx;
                margin-right: 10rpx;
              }

              .GZ {
                font-size: 24rpx;
                font-weight: 400;
                color: #333333;
              }
            }
          }
        }

        .disclaimer {
          padding: 0rpx 20rpx;
          font-weight: 400;
          font-size: 24rpx;
          color: #666666;
          line-height: 36rpx;
        }
      }
    }
  }

  .dingwei {
    width: 50rpx;
    height: 50rpx;
    vertical-align: middle;
    margin-bottom: 20rpx;
  }

  .binds_frame {
    width: 600rpx;
    overflow: hidden;
    border-radius: 20rpx;
    text-align: center;
    font-size: 36rpx;
    background-color: white !important;

    .binds_frame_t {
      font-weight: 550;
      color: #000000;
      padding: 0 46rpx;
      padding-top: 36rpx;
    }

    .binds_frame_c {
      font-size: 34rpx;
      color: #000000;
      line-height: 54rpx;
      width: 100%;
      font-weight: 500;
      color: #000000;
      padding: 40rpx;
    }

    .binds_frame_b {
      display: flex;
      align-items: center;
      justify-content: space-between;

      .confirmAddAccount {
        border: none;
        width: 550rpx;
        height: 90rpx;
        background: #0fa291;
        border-radius: 45rpx;
        text-align: center;
        margin: 0rpx auto;
        color: white;
        line-height: 90rpx;
        margin-top: 80rpx;
      }

      .cancel {
        flex: 1;
        height: 90rpx;
        border: 2rpx solid #eee;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 400;
        color: #999999;
        font-size: 36rpx;
        color: #0fa291;
      }

      .determine {
        flex: 1;
        height: 90rpx;
        border: 2rpx solid #eee;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 400;
        color: #0fa291;
      }
    }
  }

  .bindMarkCallBindsFrame {
    width: 600rpx;
    background-image: url('https://pic.bangbangtongcheng.com/static/bbzc/recruitmentDetails/jianzhi-xiangqing-popbg.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    border-radius: 20rpx;
    text-align: center;
    font-size: 36rpx;
    position: relative;
    padding: 30rpx;
    padding-top: 92rpx;

    image {
      width: 32rpx;
      height: 32rpx;
    }

    .phoneItem {
      display: flex;
      align-items: center;
      width: 540rpx;
      height: 90rpx;
      background: #ffffff;
      box-shadow: 0rpx 10rpx 20rpx 0rpx rgba(24, 97, 93, 0.08);
      border-radius: 10rpx;
      line-height: 90rpx;
      overflow: hidden;
      padding: 0rpx 36rpx;

      image {
        //margin-left: 36rpx;
        margin-right: 20rpx;
      }

      .phoneNumber {
        font-weight: 400;
        font-size: 32rpx;
        color: #000000;
        //margin-right: 99rpx;
      }

      .onphone {
        text-align: center;
        font-weight: 600;
        font-size: 32rpx;
        color: #0fa291;
      }
    }

    .phoneLogo {
      position: absolute;
      width: 170rpx;
      height: 184rpx;
      top: -120rpx;
      left: 50%;
      transform: translateX(-50%);
    }

    .closeIcon {
      position: absolute;
      width: 60rpx;
      height: 60rpx;
      left: 50%;
      transform: translateX(-50%);
      bottom: -100rpx;
    }

    .tip {
      margin-top: 30rpx;
      font-weight: 400;
      font-size: 28rpx;
      color: #ff4d2e;
    }

    .bottomTip {
      font-size: 28rpx;
      color: #666666;
    }

    .bottomBut {
      display: flex;
      justify-content: space-between;
      align-items: center;

      p {
        width: 50%;
        font-size: 28rpx;
      }

      .p1 {
        color: #0fa291;
      }

      .p2 {
        background: #0fa291;
        border-radius: 45rpx;
        font-weight: 500;
        font-size: 32rpx;
        color: #ffffff;
        padding: 29rpx 0rpx;
      }
    }
  }
  .media {
    ::v-deep .u-upload .u-upload__wrap{
      .u-upload__button,
      .u-upload__wrap__preview {
        margin: 0;
      }
    }
  }
  /deep/ .u-read-more .u-read-more__content span {
    color: #000;
    font-size: 28rpx;
  }
    .u-upload {
    flex: none;
  }

  /deep/ .u-upload__button {
    margin: 0;
    width: 160rpx !important;
    height: 160rpx !important;
    background: #fff;
    border-radius: 10rpx;
    border: 2rpx solid #cccccc;
  }

  /deep/ .u-upload__wrap__preview {
    margin: 0;

    img {
      width: 153rpx;
      height: 153rpx;
    }
  }

  /deep/ .u-upload__button {
    margin-right: 0rpx !important;
    width: 160rpx !important;
    background: #fff;
  }

  /deep/ .video-upload {
    .u-icon__img {
      width: 58rpx !important;
      height: 45rpx !important;
    }
  }

  /deep/ .u-read-more .u-read-more__content span {
    color: #000;
    font-size: 28rpx;
  }

  .u-textarea {
    border: 2rpx solid #cccccc;
  }
  

  /deep/ .u-textarea__count {
    bottom: 10rpx;
    padding: 5rpx 13rpx;
    background-color: #ebebed !important;
  }
  .audio {
    margin-bottom: 20rpx;
  }
</style>
